page {
	background-color: #F3F3F5;
}

/* 基本样式初始化 */
view {
	box-sizing: border-box;
}
.nav-box{
	margin-left: 32rpx;
	.u-icon__label{
		    margin-left: 32rpx !important;
	}
}
.swiper-container {
	height: 100%;
}

// 输入框placeholder样式
.pl-holder {
	color: #C7C7C7;
}

/* 文字单行省略 */
.text-ellipsis-one {
	white-space: wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    -webkit-line-clamp: 1;
	
}
.text-ellipsis-two {
	white-space: wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    -webkit-line-clamp: 2;
	
}
.text-ellipsis-three {
	white-space: wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    -webkit-line-clamp: 3;
	
}
/* 单像素边框 顶部边框和底部边框 */
.border-bottom,
.border-top {
	position: relative;
}

.border-bottom::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	// width: 100%;
	height: 1px;
	// background: $border-color;
	transform-origin: 50% 100%;
	transform: scaleY(.5);
}

.border-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	// width: 100%;
	height: 1px;
	// background: $border-color;
	transform-origin: 50% 100%;
	transform: scaleY(.5);
}

.border-round {
	border-radius: 50%;
}

.border-bottom-none {
	border-bottom: none !important;
}

.am {
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

.am-ease {
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

/* 布局相关 */
/* flex布局 */
.flex {
	display: flex;
}
.f1{
	flex:1
}
.f2{
	flex:2
}
.f3{
	flex:3
}
.f4{
	flex:4
}
.f5{
	flex:5
}
.f6{
	flex:6
}
.f7{
	flex:7
}
.f8{
	flex:8
}
.f9{
	flex:9
}
.fle-x {
	display: flex;
}
.inline-flex {
	display: inline-flex;
}

/* 自适应剩余空间 */
.flex-width {
	flex: 1;
	min-width: 0;
}
.flex-items{
	display: flex;
	align-items: center;
}
.flex-height {
	flex: 1;
	min-height: 0;
}

/* 自动换行 */
.flex-wrap {
	flex-wrap: wrap;
}

/* 让元素沿着容器主轴的中心点和交叉轴中心对齐 */
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 沿垂直方向放置 flex 子项 */
.flex-col {
	display: flex;
	flex-direction: column;
}

/* 让元素沿着容器主轴排列，并使每个元素之间的距离相等 */
.justify-between {
	justify-content: space-between;
}

/* 让元素沿着容器主轴的中心点对齐 */
.justify-center {
	justify-content: center;
}
.justify-start{
	justify-content: flex-start;
}

/* 让元素沿着容器主轴排列，并使每个元素两侧的距离相等。 */
.justify-around {
	justify-content: space-around;
}

/* 让元素沿着容器主轴的结束点对齐 */
.justify-end {
	justify-content: flex-end;
}


/* 将元素沿着容器交叉轴的起点对齐 */
.items-start {
	align-items: flex-start;
}

/* 将元素沿着容器交叉轴的终点对齐 */
.items-end {
	align-items: flex-end;
}

/* 沿着容器的交叉轴中心对齐元素  // zhangtong */
.items-center {
	display: flex;
	align-items: center;
}

.botbg {
	    position: fixed;
	    bottom: 50rpx;
		
		width: 750rpx;
	}

